<template>
    <div>

        <van-list
                v-model="loading"
                :finished="finished"
                @load="onLoad"
        >
            <van-cell v-for="item in list" :key="item" :title="item + ''"/>
        </van-list>

    </div>
</template>

<script>
    export default {
        name: "index",
        data() {
            return {
                list: [],
                loading: false,
                finished: false
            }
        },
        methods: {
            onLoad() {
                setTimeout(() => {
                    for (let i = 0; i < 30; i++) {
                        this.list.push(this.list.length + 1);
                    }
                    this.finished = true
                    this.loading = false;

                }, 500);
            }
        }
    }
</script>

<style rel="stylesheet/scss" lang="scss" scoped>

</style>
